<template>
	<view class="tabbar-box left clearfix">
		
		<view class="tabbar-item left clearfix">
			<view class="tabbar-icon left clearfix">
				<uni-icons type="icon-shouye7" size="22" color="#999" custom-prefix="iconfont"></uni-icons>
			</view>
			<view class="tabbar-text left">
				首页
			</view>
		</view>
		
		
		<view class="tabbar-item left clearfix">
			<view class="tabbar-icon left clearfix">
				<uni-icons type="icon-renwu1" size="25" color="#999" custom-prefix="iconfont"></uni-icons>
			</view>
			<view class="tabbar-text left"> 
				任务
			</view>
		</view>
		 
		 
		 <view class="tabbar-item left clearfix">
		 	<view class="tabbar-icon left clearfix">
		 		<uni-icons type="icon-renwu1" size="22" color="#999" custom-prefix="iconfont"></uni-icons>
		 	</view>
		 	<view class="tabbar-text left"> 
		 		发布
		 	</view>
		 </view>
		 
		 
		 
		 <view class="tabbar-item left clearfix">
		 	<view class="tabbar-icon left clearfix" style="margin-top:.1rem;">
		 		<uni-icons type="icon-maijiayanhao" size="30" color="#999" custom-prefix="iconfont"></uni-icons>
		 	</view>
		 	<view class="tabbar-text left"> 
		 		验号
		 	</view>
		 </view>
		 
		 
		 <view class="tabbar-item left clearfix">
		 	<view class="tabbar-icon left clearfix" style="margin-top:.1rem;">
		 		<uni-icons type="icon-wode23" size="30" color="#999" custom-prefix="iconfont"></uni-icons>
		 	</view>
		 	<view class="tabbar-text left"> 
		 		我的
		 	</view>
		 </view>
		 
		
	</view>
</template>
<style scoped>
	.tabbar-text{width:100%;line-height:1.2rem;text-align:center;font-size:.9rem;color:#999;margin-top:.5rem;}
	.tabbar-icon{width:100%;height:1.5rem;text-align: center;margin-top:.3rem;}
	.tabbar-item{width:19%;height:4rem;}
	.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
	.ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	.left{float:left;}
	.right{float:right;}
	.tabbar-box{width:100%;height:4rem;background:#fff;position: fixed;left:0;right:0;bottom:0;z-index:99999;border-top:.2px solid #eee;}
</style>
<script>
</script>

